这一局，中国前端属实领先世界了...
今年淘宝、京东双十一预售活动已经开始了，你应该被超级红包刷屏了吧，推荐大家一个超级简单的方法:
手机淘宝搜🔎：秘密通道2225（最高可领8888）手机京东搜🔎：购买冲冲冲（最高可领6666）粉丝福利：小编会从今天留言中抽选幸运小伙伴赠送现金红包，感谢大家一直以来的支持！文末见喽！
大家好，我卡颂。
让我们回到4年前，17年国外前端圈都发生了哪些大事？
为了弥补
web和原生应用体验的差异，谷歌大力推进PWA所有主流浏览器都支持
WebAssemblyServerless开始流行CSS-in-JS走进主流前端视野TypeScript火爆GraphQL爆炸式增长
......
那么这一年，国内前端圈发生什么大事呢？第一批「微信小程序」上线。
WXML、WXSS这陌生又熟悉的名字让前端工程师眉头一紧。
之后，一票友商为了蹭微信热点，纷纷上马自家的小程序。但为了显得与众不同，又定义了各自的标准。
为了应对各家参差不齐的标准，出现了各种「小程序转译框架」，uniapp、taro、mpvue、wepy2、chameleon......
正应了「David Wheeler」的名言：
计算机科学中的所有问题都可以通过增加一个间接层来解决
经过4年的发展，各种「小程序转译框架」做的有声有色。而此时国外前端圈什么最火呢？
Svelte带起的势头
作为Stackoverflow票选的21年最受欢迎的web框架（包括前后端），Svelte最大的特点是「重编译时」。
有多重呢？如果我们要开发一个「自定义组件」。
在React中，就正常用JSX开发就行，毕竟JSX是JS语法糖，很灵活。
在Vue中，一般组件用模版语法，如果组件太灵活，可以考虑写render函数。
在Svelte中，为了hold住灵活的需求，官方文档提供了「编译时 API」，体验类似Babel插件。
没有经历过小程序时代的国外网友都认为他是web框架，毕竟他的编译目标是DOM。
比如源码里insert方法调用的是DOM API中的Node.insertBefore：
那如果编译目标是其他前端框架呢......
推上一个小哥尝试将Svelte组件编译为Preact组件。
评论区一堆国外网友表示：我不懂你为啥这么做，但我大受震撼。
小了，格局小了......
如果把Vue、React等一众前端框架当作各种「小程序框架」，那Svelte就是「小程序转译框架」。
Svelte邪魅狂狷的一笑：“想不到吧，我只是想做在座各位的爸爸”。
殊不知早在4年前，遥远的东方有个男子，早已洞悉了一切......
- END -
- END -
文章精选1、从一线撤回二三线城市的程序员们，最后都怎么样了？2、别卷了！字节或将实行1075工作制，网友:回家里自己加班？3、吊打何同学？B站UP主24小时肝出AirDesk平替，成本6000！4、炸锅！帮10万人次打卡作弊，狂赚500万，CEO被判，案件或出现转机？5、 你懂的，发现一个小网站！6、快卸载！这个大受好评的插件竟然翻车了！！7、这波操作666，一键“炸毁”评论！网友：掩耳盗铃自欺欺人！
8、Windows 11最强功能上线！体验只需要这样做
8、Windows 11最强功能上线！体验只需要这样做